<template>
    <div >

        <!-- <div> {{sitem.sbiao}}</div>  -->

         <swiper class="banner" indicator-dots="true" autoplay="true" interval="5000" duration="1000">
    <!-- //block内这段话指将整个数据库的图片循环显示 -->
    <block v-for="(item, index) in a"  :key="index" :a = 'a'>
        <swiper-item  >
            <image  :src="item" class="slide-image" mode="aspectFill"/>
            
        </swiper-item>
    </block>
</swiper>
           
         <!-- 轮播图1 -->  
      <!-- <swiper-item >
       <slot name="img">
           <div>
               <img :src="imgurl2" />
               </div>
               
           </slot> 
          
      </swiper-item> -->
      <!-- 轮播图2 -->
      <!-- <swiper-item>
        <img
          src="https://my-wechatl.oss-cn-beijing.aliyuncs.com/3.png"/>
      </swiper-item> -->
      <!-- 轮播图3 -->
       <!-- <swiper-item>
        <slot name="img2">
           <div>
               <img  src="https://my-wechatl.oss-cn-beijing.aliyuncs.com/3.png"/>
               </div>
               
           </slot> 
      </swiper-item> -->
</div>
  
</template>

<script>

export default {

 props: ['sitem','a'
              ],
      data(){
        return{
         
          sitem:[],    
          a:[]
        }
    },


  // mounted(){
  //     // console.log(this);
  //     // console.log(this.$mp.query.sitem)
  //     this.sitem=JSON.parse(this.$mp.query.sitem)
  // },
}
</script>

<style lang="scss">
// 轮播图样式
//自适应
.banner{
  height: 600rpx;
}
.banner image{
  width: 100%;
  height: 600rpx;
}
</style>